<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="<%=basePath%>">
  <title>框架</title>
  <meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">    
	<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
	<meta http-equiv="description" content="This is my page">

<link rel="stylesheet" href="css/jiangyi/top.css" type="text/css"></link>
<script type="text/javascript" src="js/jquery-1.8.3.js"></script>
<script type="text/javascript">
$(function(){
	var isShow=false;
	//文档管理
	$("#docman").mouseover(function(){
		$("#doclist").show();
	});
	$("#doclist").hover(function(){
		isShow=true;
		$(this).filter(":not(:animated)").show();
	},function(){
		if(isShow){
			$(this).hide();
			isShow=false;
		};
		
	});
	//行政管理
	$("#adman").mouseover(function(){
		$("#adlist").show();
	});
	$("#adlist").hover(function(){
		isShow=true;
		$(this).filter(":not(:animated)").show();
	},function(){
		if(isShow){
			$(this).hide();
			isShow=false;
		};
	});
	//人事管理
	$("#hrman").mouseover(function(){
		$("#hrlist").show();
	});
	$("#hrlist").hover(function(){
		isShow=true;
		$(this).filter(":not(:animated)").show();
	},function(){
		if(isShow){
			$(this).hide();
			isShow=false;
		};
	});
	//系统管理
	$("#sysman").mouseover(function(){
		$("#syslist").show();
	});
	$("#syslist").hover(function(){
		isShow=true;
		$(this).filter(":not(:animated)").show();
	},function(){
		if(isShow){
			$(this).hide();
			isShow=false;
		};
	});
});		
</script>
</head>

<body>
	<!--页面整体-->
	<div class="mybody">
		<!--页面上部-->
		<div class="myheader">
			<div id="oasystem">OA管理系统</div>
			<div id="showinfo">
				<ul>
					<li>
						<img src="images/jiangyi/top/u9.png"/>
						<span class="time">2016-08-15 20:40:10 </span>
						<span class="week">星期一</span>
						&nbsp;&nbsp;&nbsp;&nbsp;你好，
						<span class="name">${user.name}&nbsp;&nbsp;</span>
						<span class="deptname">
							<c:if test="${user.deptid==0}">xxx部门</c:if>
							<c:if test="${user.deptid==1}">yyy部门</c:if>
							<c:if test="${user.deptid==2}">zzz部门</c:if>
						</span>
					</li>
				</ul>			
			</div>
			<div class="mybond"></div>
			<div class="btns">
				<div class="btn" id="desktop">
					<a class="btnmans" href="javascript:;">我的桌面</a>
				</div>	
				<div class="btn" id="noticeman">
					<a class="btnmans" href="javascript:;">通告管理</a>
				</div>
				<div class="btn">
					<a class="btnmans" id="docman" href="javascript:;">文档管理</a>
				</div>
				<div id="doclist" style="display:none;">
					<!-- 鼠标移入事件>>文档列表 -->
					<ul>
						<li><a href="#">文档列表</a></li>
						<li><a href="#">文档回收站</a></li>
					</ul>
				</div>	
				<div class="btn">
					<a class="btnmans" id="adman" href="javascript:;">行政管理</a>
				</div>
				<div id="adlist" style="display:none;">
					<!-- 鼠标移入事件>>行政管理列表 -->
					<ul>
						<li><a href="#">会议室管理</a></li>
						<li><a href="#">用车管理</a></li>
						<li><a href="#">用章管理</a></li>
						<li><a href="#">名片印制流程</a></li>
					</ul>
				</div>		
				<div class="btn">
					<a class="btnmans" id="hrman" href="#">人事管理</a>
				</div>
				<div id="hrlist" style="display:none;">	
					<!-- 鼠标移入事件>>人事管理列表 -->
					<ul>
						<li><a href="#">请假申请</a></li>
						<li><a href="#">出差申请</a></li>
						<li><a href="#">收入证明流程</a></li>
					</ul>
				</div>
				<div class="btn">
					<a class="btnmans" id="sysman" href="#">系统管理</a>
				</div>
				<div id="syslist" style="display:none;">
					<!-- 鼠标移入事件>>系统管理列表 -->
					<ul>
						<li><a href="#">组织结构管理</a></li>
						<li><a href="#">角色管理</a></li>
						<li><a href="#">用户管理</a></li>
						<li><a href="#">上传文件设置</a></li>
						<li><a href="#">字典管理</a></li>
					</ul>	
				</div>
				<div id="userbtns">
					<ul class="userbtn">
						<li class="updatepwd"><a href="#">修改密码</a></li>
						<li class="outload"><a href="#">退出</a></li>
					</ul>
				</div>
			</div>
			
		</div>
	</div>
</body>
</html>
